@extends('admin.layout')

@section('title',$title)

@section('content')

<script> 
    window.onload=function()
    {

        $.ajaxSetup({
            headers:{
                'X-CSRF-TOKEN':$('meta[name="csrf-token"]').attr('content')
            }
        }); 
        $(function(){  
        $("#up").uploadPreview({ Img: "ImgPr", Width: 120, Height: 120, ImgType: ["gif", "jpeg", "jpg", "bmp", "png"], Callback: function () { }});  
        }); 
    }     
</script> 
    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>
            用户管理
                <small>用户添加</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                <li><a href="#">Forms</a></li>
                <li class="active">General Elements</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content">
            <div class="row">
                <!-- left column -->
                <div class="col-md-12">
                    <!-- general form elements -->
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <h3 class="box-title">快速添加</h3>
                        </div><!-- /.box-header -->
                        <!-- form start -->
                        <form role="form" method="post" action="{{url('admin/user/insert')}}" enctype="multipart/form-data">
                            <div class="box-body">

                            @if (count($errors) > 0 )
                            <div id = 'jg' class="callout callout-info">
                            <h4>警告！</h4>
                                @foreach($errors -> all() as $error)
                                <p>{{ $error }}</p>
                                @endforeach
                            </div>
                            @endif
                            {{ csrf_field() }}
                                <div class="form-group">
                                    <label for="exampleInputEmail1">用户名</label>
                                    <input value="{{ old('name')}}" name ="name" type="text" class="form-control" id="exampleInputEmail1"
                                           placeholder="输入6到18位用户名" autofocus>
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputEmail1">邮箱</label>
                                    <input value="{{ old('email')}}" name ="email" type="text" class="form-control" id="exampleInputEmail1"
                                           placeholder="Enter email">
                                </div>
                                <div class="form-group">
                                    <label for="exampleInputPassword1">密码</label>
                                    <input name ="password" type="password" class="form-control" id="exampleInputPassword1"
                                           placeholder="请输入密码">
                                </div>
                                 <div class="form-group">
                                    <label for="exampleInputPassword1">确认密码</label>
                                    <input name="repassword"  type="password" class="form-control" id="exampleInputPassword1"
                                           placeholder="请输入确认密码">
                                </div>
                                <div class="form-group">
                                 预览
                                <div><img id="ImgPr" src="" width="120" height="120" /></div>
                                    <label for="exampleInputFile">头像</label>
                                    <input   id ="up" name = 'pic' type="file"  >
                                </div>
                               
                            </div><!-- /.box-body -->

                            <div class="box-footer">
                                <button type="submit" class="btn btn-primary">添加</button>
                          
                                <button type="reset" class="btn btn-primary">重置</button>
                            </div>
                        </form>
                     </div><!-- /.box -->

    <script type="text/javascript">
        window.onload = function()
        {
            setInterval(function(){
                $("#jg").fadeOut(1000);
            },3000);
        }
    </script>

@endsection()